/*
 * 面向属性的 CSS
 */


/* 布局方式 */

.dpflex {
    display: flex;
}

.dpnone {
    display: none;
}

.flex1 {
    flex: 1
}

.fdcolumn {
    flex-direction: column;
}

.jcsb {
    justify-content: space-between;
}


/* 盒模型 */

.mt0 {
    margin-top: 0;
}

.mt8 {
    margin-top: 8px;
}

.mt16 {
    margin-top: 16px;
}

.mt20 {
    margin-top: 20px;
}

.mt40 {
    margin-top: 40px;
}

.mr16 {
    margin-right: 16px;
}

.mlr20 {
    margin: 0 20px;
}

.mlr30 {
    margin: 0 30px;
}

.mb16 {
    margin-bottom: 16px;
}

.ml12 {
    margin-left: 12px;
}

.pd16 {
    padding: 16px;
}

.pl8 {
    padding-left: 8px;
}


/* 字号 */

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f18 {
    font-size: 18px;
}

.f68 {
    font-size: 68px;
}

.f80 {
    font-size: 80px;
}

.cfff {
    color: white;
}

.c777 {
    color: #777;
}

.c4294ff {
    color: #4294ff;
}


/*颜色*/

.c54b0da {
    color: #004e73;
}

.cf2f2f2 {
    color: #F2F2F2;
}

.blank {
    color: black;
}

.white {
    color: white;
}


/* 盒模型 */

.mb0 {
    margin-bottom: 0 !important;
}

.mt8 {
    margin-top: 8px;
}

.mb8 {
    margin-bottom: 8px;
}

.mt16 {
    margin-top: 16px;
}

.mt20 {
    margin-top: 20px;
}

.mt40 {
    margin-top: 40px;
}

.mt80 {
    margin-top: 80px;
}

.mtb10 {
    margin: 10px 0;
}

.mtb15 {
    margin: 15px 0;
}

.mr16 {
    margin-right: 16px;
}

.mr20 {
    margin-right: 20px;
}

.mb16 {
    margin-bottom: 16px;
}

.ml12 {
    margin-left: 12px;
}

.mlr15 {
    margin: 0 15px;
}

.pt10 {
    padding-top: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pd16 {
    padding: 16px;
}

.pl8 {
    padding-left: 8px;
}

.ptb10 {
    padding: 10px 0;
}

.ptb20 {
    padding: 20px 0;
}

.wfull {
    width: 100%;
}